/**
 * Copyright 2010 Västra Götalandsregionen
 *
 *   This library is free software; you can redistribute it and/or modify
 *   it under the terms of version 2.1 of the GNU Lesser General Public
 *   License as published by the Free Software Foundation.
 *
 *   This library is distributed in the hope that it will be useful,
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 *   GNU Lesser General Public License for more details.
 *
 *   You should have received a copy of the GNU Lesser General Public
 *   License along with this library; if not, write to the
 *   Free Software Foundation, Inc., 59 Temple Place, Suite 330,
 *   Boston, MA 02111-1307  USA
 *
 */

/* Remove a border which should not be on the page as we don't have
   the same footer as the standard VGR style.
   Also make sure we have correct, white background.
   Finally, make some space at the bottom of the box. */
   
div#bd {
    border-bottom: none !important;
    background: #FFFFFF !important;
    padding-bottom: 20px;
}

/* Position our stuff in a nice place in the VGR page. */
div#tb_wrapper {
    background-color: #FFFFFF;
    font: 90% Arial,Verdana,Helvetica,sans-serif;
}

div#tb_content {
    margin-left: auto;
    margin-right: auto;
    width: 43em;
}

/* Adjust distance between header and main content box
   when header is removed at login. */
#tb_missing_menu_replacement {
    height: 20px;
}

/* Style the booking information box. */
#tb_bookinginfo {
	background: #f3f1f2;
	border: 0.1em solid #91ADB4;
	padding-left: 1em;
	border-radius: 5px;
    -moz-border-radius: 5px;
}

#tb_bookinginfo h3 {
	color: #000000;
}

#tb_bookinginfo p.tb_with_button_margin {
    margin-right: 128px;
}

#tb_bookinginfo p.tb_informationHeading {
    margin-top: 1em;
    font-weight: bold;
}

div.tb_relcontainer {
	position: relative;
}

div.tb_relcontaincerContent {
	width: 30em;
}

div.tb_buttonFloat {
	position: absolute;
	right: 0px;
	bottom: 0px;
	
}

div.tb_buttonFloat form {
	margin-bottom: 20px;
	margin-right: 20px;
}

/* Styling for section headers on the update page. */
div.tb_sectionheading {
	margin-left: auto;
	margin-right: auto;
    background-color:#f3f1f2;
    border: 0.1em solid #91ADB4;
    margin-bottom:10px;
    margin-top:20px;
    padding:5px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    height: 1.5em;

}

div.tb_sectionheading h3 {
	display: inline;
	font-size: 1.25em;
}
div.tb_section img {
 /* Don't remove, this has to be here for IE 6 & IE 7.*/
}
	
div.tb_sectionheading a {
	display:inline;
	float: right;
}

/* Styling for the location selection on the update page. */
#selectForm select {
	display: block;
	width: 320px;
}
/*Selecting location with JS
#selectForm input {
	visibility: hidden;
}
*/
#displayButtonScript input {
	visibility: hidden;	
	width: 50px;
}
/*Selecting location w/o JS*/
#selectFormNoScript{
	visibility: visible;
}

/* Styling for the static location selection on the switch location page. */
#selectFormStaticLoction select {
	width: 320px;
}

#selectFormStaticLoction input {
	float: right;
}

.tb_update_new_location_header {
    margin-top: 5px;
}

#tb_location_switch_warning strong {
    font-weight: bold;
}

/* Styling for the calendar on the update page. */
table.tb_calendar {
    font-size: 1.1em;
    border-spacing: 0px;
    border-collapse: collapse;
    border: 0.1em solid #91ADB4;
}

table.tb_calendar tr.tb_calendar_heading {
    border: 0.1em solid #91ADB4;
    font-weight: bold;
}

table.tb_calendar tr.tb_calendar_heading a {
    color: #000000;
}
    
table.tb_calendar td {
    width: 2.5em;
    text-align: center;
    border: 0.1em dotted #91ADB4;
    padding-top: 4px;
    padding-bottom: 4px;
}

table.tb_calendar th {
	text-align: center;
    border: 0.1em solid #91ADB4;
    padding-top: 2px;
    padding-bottom: 2px;
}

table.tb_calendar tr.tb_calendar_heading th {
	font-size: 1.25em;
	background: #e6e6e6;
    border: none;
    padding-top: 4px;
    padding-bottom: 3px;
}

table.tb_calendar td.tb_cal_empty {
    background: #ffffff;
}

table.tb_calendar td.tb_cal_bookable {
    background: #66CCFF;
}

table.tb_calendar td.tb_cal_no_times {
    background: #ffffff;
}

table.tb_calendar td.tb_cal_today {
    border: solid 0.1em #ff0000
}

table.tb_calendar td.tb_cal_selected {
    background: #aaeeFF;
}

table.tb_calendar td a {
    font-weight: bold;
    color: #000000;
}

/* Styling for the table listing booking times on the update page. */
#timeForm table {
	width: 260px;
}

table .tb_time_datestring {
	font-size: 1.25em;
	font-weight: bold;
	background: #e6e6e6;
	text-align: center;
    padding-top: 3px;
    padding-bottom: 2px;
    border: 0.1em solid #91ADB4;
}

table .tb_time_header {
	font-weight: normal;
	font-size: 1.1em;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 2px;
}

#placediv_time tr.oddRow {
    background: #e6e6e6;    
}

#placediv_time tr.evenRow {
}

#tb_logout_replacement {
    height: 2em;    
}

/* Styling for the logout button. */
#tb_logout {
	margin-top: 1em;
	margin-bottom: 1em;
}

#tb_logout input {
	display: block;
	margin-left: auto;
	margin-right: 0px;
}

/* Styling for the cancel buttons. */
div.tb_cancelform {
	*margin-top: 45px; /*For IE 6 & IE 7 */
	margin-bottom: 10px;
	align: right;
	white-space: pre-wrap;
}

div.tb_cancelform input {
	margin-top: 5px;
	display: block;
	margin-left: auto;
	margin-right: 0px;
}

/* Style all input buttons to be the same width unless otherwise specified. */
#tb_content input {
	width: 100px;
}

div#error_message p {
	color: red;
	font-style: italic;
}

#error_message ul {
	padding-left: 1em;
}

#error_message li {
	list-style-image:none;
}

#tb_content .print{
	padding-top: 10px;	
	text-align: right;
}

/* Styling for the login screen. */
div.error_message p {
    font-weight: bold;
}


/* Styling for the login box on login screen. */
#header-input-field-container {
    float: left;
    margin: 0em;
    background: #F3F1F2;
    border: 0.095em solid #91ADB4;
    width: 100%;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

#header-input-field-container span {
    display: block;
}

#header-input-field-container div {
    text-align: left;
}

#forms-container {
    font-weight: bold;
    background-color: #F3F1F2;
    width: auto;
    padding: 0em 0em 0em 1em;
}

#forms-container h2 {
    margin: 1em 0 0 0;
    color: #333333;
    line-height: normal;
}

#forms-container h3 {
    color: #333333;
    width: 18em;
    line-height: normal;
    margin: 1.1em 0 2px 0;
}

#forms-container p {
    margin-bottom: 10px;
    font-size: 1.1em;
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* To add support for the "punktlistepunkt-red.gif w/o using boxmiddle class */
#centercontentlist ul li {
	margin:0;
	padding:0;
	line-height:1.3;
	list-style-type:circle;
	list-style-image: url(images/punktlistepunkt-red.gif);
}

/* To override the a class provided by vgr to undeline links */
a {
	text-decoration: underline;	
}

div.mobNbrDiv input {

}
